<%@page contentType="text/html"%>
<%@page pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt" %>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>

<link href="css/tablesorter-style.css" rel="stylesheet" type="text/css" />      
<link href="css/jquery.tablesorter.pager.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<s:url value='/js/jquery.tablesorter.min.js'/>"></script>

<script>

$(function() {
	$( "input:submit" ).button();	
});

$(document).ready(function() {
	 $("#listMembers").tablesorter(); 
});

</script>

<div id="content">
	<div class="post">
	<h2>Matriks Anggota</h2>                    
        <div class="entry">
        	<s:actionerror cssStyle="color:#FF0000"/>            
            <s:form action="searchMatrix">
            	<table cellspacing="10" >
            		<tr>
						<td>Email:</td>															
						<td><s:textfield name="email" size="30"/></td>
					</tr>
					
					<tr>
						<td colspan="2"><s:submit value="Cari"/></td>
					</tr>
					
            	</table> 
            	
            	<display:table name="listMembers" id="listMembers" class="tablesorter">
	  				<display:column property="name" title="Nama" href="viewMatrix" paramId="memberId" paramProperty="id"/>
	  				<display:column property="email" title="Email" />
	  				<display:column property="cycledOutDesc" title="Cycled Out?"/>
				</display:table>
            	          	            
            </s:form>            
        </div>
	</div>
</div>